<%@ page language="java" contentType="text/html;charset=UTF-8"
   	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<LINK REL="SHORTCUT ICON" HREF="images/icon.jpg"> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
</head>
<body>
<table cellpadding="0" cellspacing="0" border="0" align="center">
	<tr>
		<td align="left">
		<c:if test="${fn:length(data)>=1}">
		<table  cellpadding="0" cellspacing="0" width="700">
			<tr>
				<td colspan="3">
					<table cellpadding="0" cellspacing="0" border="0" width="700">
					<tr>
						<td colspan="3" class="tableheader" style="border: #AAA solid 1px;">ážŸáŸ�áž…áž€áŸ’áž�áž¸áž‡áž¼áž“ážŠáŸ†ážŽáž¹áž„</td>
					</tr>
					<tr height="10px"><td colspan="3" style="border-right: #CCC solid 1px; border-left: #CCC solid 1px;">&nbsp;</td></tr>
					<c:if test="${fn:length(data)>0}">
						<c:forEach var="x" begin="0" end="${fn:length(data)-1}" step="1" varStatus ="status">
							<c:if test="${x>=StartingRow && x<=EndingRow}">
								<tr>
									<td class="colSpan" colspan="3"><label style="cursor: pointer;color:#0044FF" class="newsTitle" onclick="javascript:window.open('Announcement_Files/${data[x].FILE_NAME}')"><c:out value="${data[x].ANN_TITLE}"/></label></td>
								</tr>
									<tr height="5px"><td colspan="3" style="border-right: #CCC solid 1px; border-left: #CCC solid 1px;"> </td></tr>
								<tr>
									<td width="22" style="border-left: #CCC solid 1px;">&nbsp;</td>
									<td valign="top" class="ContentText"><div><c:out value="${data[x].ANN_DESC}"/></div></td>
									<td width="20" style="border-right: #CCC solid 1px;">&nbsp;</td>
								</tr>
								<tr>
									<td height="40" style="border-left: #CCC solid 1px;"></td>
									<td align="left"â€‹ valign="middle">
										<table width="100%" cellpadding="0" cellspacing="0" border="0">
											<tr valign="middle">
												<td width="25"><img alt="" src="images/pdficon.png"></td>
												<td><label style="cursor: pointer;color:#0044FF" onclick="javascript:window.open('${data[x].FILE_PATH}${data[x].FILE_NAME}')">áž…áž»áž…áž�áŸ’ážšáž„áŸ‹áž“áŸ�áŸ‡ážŠáž¾áž˜áŸ’áž”áž¸áž‘áž¶áž‰áž™áž€áž¯áž€ážŸáž¶ážš</label></td>
											</tr>
										</table>
									</td>
									<td style="border-right: #CCC solid 1px;"></td>
								</tr>
								<c:choose>
									<c:when test="${fn:length(data)>=EndingRow}">
										<c:if test="${x<EndingRow}">
											<tr height="10px">
												<td colspan="2" style=" padding-left:12px; border-left: #CCC solid 1px;"><hr size="1" color="#ccc"></td>
												<td style="border-right: #CCC solid 1px;"></td>
											</tr>	
											<tr><td colspan="3" style="border-right: #CCC solid 1px;border-left: #CCC solid 1px;" height="5"></td></tr>	
										</c:if>
									</c:when>
									<c:otherwise>
										<c:if test="${x<fn:length(data)-1}">
											<tr height="10px">
												<td colspan="2" style=" padding-left:12px; border-left: #CCC solid 1px;"><hr size="1" color="#ccc"></td>
												<td style="border-right: #CCC solid 1px;"></td>
											</tr>	
											<tr><td colspan="3" style="border-right: #CCC solid 1px;border-left: #CCC solid 1px;" height="5"></td></tr>	
										</c:if>
									</c:otherwise>
								</c:choose>
							</c:if>	
						</c:forEach>
						</c:if>
						<tr height="15px" ><td colspan="3" style="border-top: #CCC solid 1px;">&nbsp;</td></tr>	
					</table>
				</td>
			</tr>
		</table>
		</c:if>
		<c:if test="${fn:length(data)<=0}">
			ážŸáž¼áž˜áž¢áž—áŸ�áž™áž‘áŸ„ážŸ áž˜áž·áž“áž˜áž¶áž“ážŸáŸ�áž…áž€áŸ’áž�áž¸áž‡áž¼áž“ážŠáŸ†ážŽáž¹áž„ážŸáŸ†ážšáž¶áž”áŸ‹áž”áž„áŸ’áž áž¶áž‰áž‘áŸ�
		</c:if>
		</td>
	</tr>
	
	<tr>
		<td height="30" valign="top" align="center"><br>
		<c:if test="${PageCount>1}">
			<c:if test="${page>1}">
				<a href="announcement.html?page=${page-1}">áž”áž€áž€áŸ’ážšáŸ„áž™</a>
			</c:if>
			<c:if test="${page<=1}">
				<label style="color: #333">áž”áž€áž€áŸ’ážšáŸ„áž™</label>
			</c:if>
				<c:forEach var="i" begin="1" end="${PageCount}" step="1" varStatus ="status">
					<c:if test="${i==page}">
						<label style="color: #333; width: 25px; height: 10px; border: solid 1px;">&nbsp;<c:out value="${i}" />&nbsp;</label>
					</c:if>
					<c:if test="${i!=page}">
						<a href="announcement.html?page=${i}" style="width: 25px; height: 10px;  border: solid 1px #CCC;">&nbsp;<c:out value="${i}" />&nbsp;</a>
					</c:if>
				</c:forEach>
			<c:if test="${page<PageCount}">
				<a href="announcement.html?page=${page+1}">áž‘áŸ…áž˜áž»áž�</a>
			</c:if>
			<c:if test="${page>=PageCount}">
				<label style="color: #333">áž‘áŸ…áž˜áž»áž�</label>
			</c:if>
		</c:if>
		</td>
	</tr>
</table>



</body>
</html>